@import 'https://fonts.googleapis.com/css?family=Baloo+Paaji';
@import 'https://fonts.googleapis.com/css?family=Dosis';
@import 'https://fonts.googleapis.com/css?family=Handlee';
@import 'https://fonts.googleapis.com/css?family=Pathway+Gothic+One';
@import 'https://fonts.googleapis.com/css?family=Quicksand';

article:hover{
   box-shadow: 0px 3px 12px #333333;
}
article a:hover{
   color: yellow;
}
footer{
   background-color: #5f5f5f;
   padding: 5px;
   border: 2px;
   border-style: dotted;
   border-color: black;
   clear: both;
}
body{
   background-color: #e1e1e1;
}
nav{
   background-color: #5f5f5f;
   text-align: center;
   box-shadow: 0px 3px 5px #888888;
   font-family: Dosis;
   padding: 7px;
}
nav a{
   padding: 7px;
}
nav a:hover{
   background-color: #333333;
}
h2{
   color: white;
}

h1{
   color: white;
   margin: 20px;
   text-shadow: 2px 2px 5px #888888;
}
p{
   color: white;
   text-align: center;
}
a{
   text-decoration: none;
   color: white;
}
.Categoria{
   background-color: #f5564a;
   width: 330px;
   margin: 20px;
   box-shadow: 0px 3px 5px #888888;
   padding: 1px;
   font-family: Pathway Gothic One;
   float: left;
}
.Principal{
   background-color: #4caf50;
   min-width: 300px;
   max-width: 700px;
   margin: 20px;
   box-shadow: 0px 3px 5px #888888;
   padding: 1px;
   font-family: Handlee;
   text-align: center;
   overflow: auto;
}
header{
   background-color: #f5923f;
   padding: 1px;
   font-family: Baloo Paaji;
}
ul{
   font-family: Quicksand;
   clear: both;
}
#div_principal{
   background-color: white;
   min-width: 350px;
   max-width: 750px;
   margin: auto;
   border: 1px solid black;
   overflow: auto;
}
.div_categorias{
   background-color: maroon;
   overflow: auto;
}
.div_categorias h2{
   float:left;
}
.minimizar{
   float:right;
   cursor: pointer;
}